<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: zhangzhiling
  Date: 2017/7/28
  Time: 10:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<head>
    <meta charset="UTF-8">
    <title>查询</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="/static/demo/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/demo/js/table.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/demo/js/d3.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/demo/js/d3.layout.cloud.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
        body{height:100%;background-color:#f3f3f3;}
        .head_fix{position:fixed;left:0;top:0;width:100%;height:60px;z-index:999;background:#fff;}
        .head_fix p{width:1200px;margin: auto;}
        .head_fix img{height:40px;margin-top:10px;display:block;}
        .main{width:1200px;padding:30px;background-color:#fff;margin:80px auto 0;}
    </style>
</head>
<body>
<div class="head_fix">
    <p><img src="/static/demo/img/logo.png"/></p>
</div>
<div class="main">

    <div id="mains" style="height:500px;clear:both;"></div>
    <div id="main2" style="height:400px;"></div>
    <div id="main3" style="height:400px;margin-top: 30px"></div>
    <section style="margin:auto;width:800px;height:500px;"></section>

    <div class="table-responsive">
        <table class="table table-striped table-hover" style="overflow:auto;">
            <thead>
            <tr>
                <th style="width: 5%;">酒类</th>
                <th style="width: 6%;">品牌</th>
                <th>商品名</th>
                <th>京东价</th>
                <th style="width: 8%;">累计评价</th>
                <th style="width: 7%;">好评率</th>
                <th style="width: 7%;">好评</th>
                <th style="width: 6%;">中评</th>
                <th style="width: 6%;">差评</th>
                <th style="width: 7%;">追评</th>
                <th style="width: 9%;">卖家发货地址</th>
            </tr>
            </thead>
            <tbody id="tbody-cont">
            <c:if test="${list.size()>0}">
                <c:forEach items="${list}" var="item">
                    <tr>
                        <td>${item.wine_type_3}</td>
                        <td>${item.wine_type_4}</td>
                        <td>${item.wine_type_5}</td>
                        <td>${item.price}</td>
                        <td>${item.allAount}</td>
                        <td>${item.goodRateShow}%</td>
                        <td>${item.goodCount}</td>
                        <td>${item.poorCount}</td>
                        <td>${item.generalCount}</td>
                        <td>${item.afterCount}</td>
                        <td>${item. seller_address}</td>
                    </tr>
                </c:forEach>
            </c:if>
            <%--<tr>--%>
                <%--<td>白酒</td>--%>
                <%--<td>金六福</td>--%>
                <%--<td>金六福旗舰店</td>--%>
                <%--<td>399</td>--%>
                <%--<td>1212221</td>--%>
                <%--<td>222456</td>--%>
                <%--<td>33</td>--%>
                <%--<td>22</td>--%>
                <%--<td>2</td>--%>
                <%--<td>3432</td>--%>
                <%--<td>北京东城</td>--%>
            <%--</tr>--%>

            </tbody>
        </table>
    </div>
    <!--分页-->
    <%--<ul class="pagination" style="float:right;">--%>
        <%--<li><a href="#">&laquo;</a></li>--%>
        <%--<li class="active"><a href="#">1</a></li>--%>
        <%--<li class="disabled"><a href="#">2</a></li>--%>
        <%--<li><a href="#">3</a></li>--%>
        <%--<li><a href="#">4</a></li>--%>
        <%--<li><a href="#">5</a></li>--%>
        <%--<li><a href="#">&raquo;</a></li>--%>
    <%--</ul>--%>
    <!--echarts-->

</div>
</body>
<script>
    var fill = d3.scale.category20();

    d3.layout.cloud().size([800, 500])
        .words([
            '京东', 'hellip', '包装', '感觉', '口感', '没有', '快递', '金六福', '手提袋', '好喝', '味道', '一瓶', '有点', '这酒', '袋子', '假酒', '一般', '不错', '送人', '一般般', '52', '评价', '一箱', '假货', '物流', '就是', '知道', '不怎么', '发货'
        ].map(function(d) {
            return {text: d, size: 10 + Math.random() * 50};
        }))
        .padding(5)
        .rotate(function() { return ~~(Math.random() * 2) * 60; })
        .font("Impact")
        .fontSize(function(d) { return d.size; })
        .on("end", draw)
        .start();

    function draw(words) {
        d3.select("section").append("svg")
            .attr("width", 800)
            .attr("height", 500)
            .append("g")
            .attr("transform", "translate(400,250)")
            .selectAll("text")
            .data(words)
            .enter().append("text")
            .style("font-size", function(d) { return d.size + "px"; })
            .style("font-family", "Impact")
            .style("fill", function(d, i) { return fill(i); })
            .attr("text-anchor", "middle")
            .attr("transform", function(d) {
                return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")";
            })
            .text(function(d) { return d.text; });
    }
</script>
</html>

